﻿@{
    ViewBag.Title = "管理员统计";
    Layout = "~/Views/Shared/_Index.cshtml";
}
<style>
    #copyrightcontent {
        height: 30px;
        line-height: 29px;
        overflow: hidden;
        position: absolute;
        top: 100%;
        margin-top: -30px;
        width: 100%;
        background-color: #fff;
        border: 1px solid #e6e6e6;
        padding-left: 10px;
        padding-right: 10px;
    }

    .dashboard-stats {
        float: left;
        width: 20%;
    }

    .dashboard-stats-item {
        position: relative;
        overflow: hidden;
        color: #fff;
        cursor: pointer;
        height: 105px;
        margin-right: 25px;
        margin-bottom: 10px;
        padding: 20px 20px;
    }

        .dashboard-stats-item .m-top-none {
            margin-top: 2px;
        }

        .dashboard-stats-item h2 {
            font-size: 35px;
            font-family: inherit;
            line-height: 1.1;
            font-weight: 500;
        }

        .dashboard-stats-item h5 {
            font-size: 14px;
            font-family: inherit;
            margin-top: 3px;
            line-height: 1.1;
        }


        .dashboard-stats-item .stat-icon {
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 30px;
            opacity: .3;
        }

    .dashboard-stats i.fa.stats-icon {
        width: 50px;
        padding: 20px;
        font-size: 50px;
        text-align: center;
        color: #fff;
        height: 50px;
        border-radius: 10px;
    }

    .panel-default {
        border: none;
        border-radius: 0px;
        margin-bottom: 0px;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

        .panel-default > .panel-heading {
            color: #777;
            background-color: #fff;
            border-color: #e6e6e6;
            padding: 10px 10px;
        }

        .panel-default > .panel-body {
            padding: 10px;
            padding-bottom: 0px;
        }

            .panel-default > .panel-body ul {
                overflow: hidden;
                padding: 0;
                margin: 0px;
                margin-top: -5px;
            }

                .panel-default > .panel-body ul li {
                    line-height: 27px;
                    list-style-type: none;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                    .panel-default > .panel-body ul li .time {
                        color: #a1a1a1;
                        float: right;
                        padding-right: 5px;
                    }
</style>

<script src="~/Content/js/datepicker/WdatePicker.js"></script>

<script>

    $(function () {
        find();
    });

    function find()
    {
        var postData = {
            start: $("#txt_startDate").val(),
            end: $("#txt_endDate").val()
        };
        $.ajax({
            type: 'post',
            url: '/BizManage/Statics/GetStatics',
            dataType: "json",
            data:postData,
            async: true,
            success: function (data) {                
                $('#jysum').html(data.jysum);
                $('#xianjinsum').html(data.xianjinsum);
                $('#jifensum').html(data.jifensum);
                $('#xianjinzhf').html(data.xianjinzhf);
                $('#jifenzhf').html(data.jifenzhf);
                $('#fenhongsum').html(data.fenhongsum);
                $('#guanggao').html(data.guanggao);
                $('#peixun').html(data.peixun);
                $('#jingli').html(data.jingli);
                $('#laowu').html(data.laowu);
                $('#tixiansum').html(data.tixiansum); 
                $('#chuli').html(data.chuli); 
                $('#weichuli').html(data.weichuli); 
            }
        });
    }

</script>

<div class="topPanel">
    <div class="search">
        <table>
            <tr>
                <td>
                    <div class="input-group">
                        @*<input id="txt_keyword" type="text" class="form-control" placeholder="代理商编号" style="width: 200px; margin-right:20px;">*@

                        <input id="txt_startDate" type="text" class="form-control input-wdatepicker" onfocus="WdatePicker()" placeholder="开始日期" style="width: 150px;" />
                        &nbsp;&nbsp;--
                        <span style="float: right; margin-left: 3px;"> <input id="txt_endDate" type="text" class="form-control input-wdatepicker" onfocus="WdatePicker()" placeholder="结束日期" style="width: 150px;" /></span>
                        <span class="input-group-btn">
                            <button id="btn_search" type="button" onclick="find()" class="btn  btn-primary" title="搜索"><i class="fa fa-search"></i></button>
                        </span>
                    </div>
                </td>
            </tr>
        </table>
    </div>
    <div class="toolbar">
        <div class="btn-group">
            <a class="btn btn-primary" onclick="$.reload()">
                <span class="glyphicon glyphicon-refresh"></span>
            </a>
        </div>
    </div>
</div>
<div id="areascontent">
    <div class="rows" style="margin-bottom: 1%; border: 1px solid #e6e6e6; overflow: hidden; padding-left: 1px;">
        <div class="panel panel-default">
            <div class="panel-heading">
                <i class="fa fa-jpy fa-lg" style="padding-right: 5px;"></i>交易
            </div>
            <div class="panel-body">
                <div class="dashboard-stats">
                    <div class="dashboard-stats-item" style="background-color: #fc8675;">
                        <h2 class="m-top-none" id="jysum">0</h2>
                        <h5>交易总额</h5>
                        <div class="stat-icon">
                            <i class="fa fa-user fa-3x"></i>
                        </div>
                    </div>
                </div>
                <div class="dashboard-stats">
                    <div class="dashboard-stats-item" style="background-color: #949FB1;">
                        <h2 class="m-top-none" id="xianjinsum">0</h2>
                        <h5>现金交易总额</h5>
                        <div class="stat-icon">
                            <i class="fa fa-group fa-3x"></i>
                        </div>
                    </div>
                </div>
                <div class="dashboard-stats">
                    <div class="dashboard-stats-item" style="background-color: #6bafbd;">
                        <h2 class="m-top-none" id="jifensum">0</h2>
                        <h5>积分交易总额</h5>
                        <div class="stat-icon">
                            <i class="fa fa-truck fa-3x"></i>
                        </div>
                    </div>
                </div>
                <div class="dashboard-stats">
                    <div class="dashboard-stats-item" style="background-color: #f3ce85;">
                        <h2 class="m-top-none" id="xianjinzhf">0</h2>
                        <h5>现金支付金额</h5>
                        <div class="stat-icon">
                            <i class="fa fa-jpy fa-3x"></i>
                        </div>
                    </div>
                </div>

                <div class="dashboard-stats">
                        <div class="dashboard-stats-item" style="background-color: #65cea7; margin-right: 0px;">
                            <h2 class="m-top-none" id="jifenzhf">0</h2>
                            <h5>积分支付金额</h5>
                            <div class="stat-icon">
                                <i class="fa fa-jpy fa-3x"></i>
                            </div>
                        </div>
                    </div>
            </div>
        </div>
    </div>


    <div class="rows" style="margin-bottom: 1%; border: 1px solid #e6e6e6; overflow: hidden; padding-left: 1px;">
        <div class="panel panel-default">
            <div class="panel-heading">
                <i class="fa fa-jpy fa-lg" style="padding-right: 5px;"></i>分红
            </div>
            <div class="panel-body">
                <div class="dashboard-stats">
                    <div class="dashboard-stats-item" style="background-color: #fc8675;">
                        <h2 class="m-top-none" id="fenhongsum">0</h2>
                        <h5>分红总额</h5>
                        <div class="stat-icon">
                            <i class="fa fa-user fa-3x"></i>
                        </div>
                    </div>
                </div>
                <div class="dashboard-stats">
                    <div class="dashboard-stats-item" style="background-color: #949FB1;">
                        <h2 class="m-top-none" id="guanggao">0</h2>
                        <h5>广告费</h5>
                        <div class="stat-icon">
                            <i class="fa fa-group fa-3x"></i>
                        </div>
                    </div>
                </div>
                <div class="dashboard-stats">
                    <div class="dashboard-stats-item" style="background-color: #6bafbd;">
                        <h2 class="m-top-none" id="peixun">0</h2>
                        <h5>消费补贴</h5>
                        <div class="stat-icon">
                            <i class="fa fa-truck fa-3x"></i>
                        </div>
                    </div>
                </div>
                <div class="dashboard-stats">
                    <div class="dashboard-stats-item" style="background-color: #f3ce85;">
                        <h2 class="m-top-none" id="jingli">0</h2>
                        <h5>经理奖励</h5>
                        <div class="stat-icon">
                            <i class="fa fa-jpy fa-3x"></i>
                        </div>
                    </div>
                </div>

                <div class="dashboard-stats">
                    <div class="dashboard-stats-item" style="background-color: #65cea7; margin-right: 0px;">
                        <h2 class="m-top-none" id="laowu">0</h2>
                        <h5>中转劳务费</h5>
                        <div class="stat-icon">
                            <i class="fa fa-jpy fa-3x"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="rows" style="margin-bottom: 1%; border: 1px solid #e6e6e6; overflow: hidden; padding-left: 1px;">
        <div class="panel panel-default">
            <div class="panel-heading">
                <i class="fa fa-jpy fa-lg" style="padding-right: 5px;"></i>提现
            </div>
            <div class="panel-body">
                <div class="dashboard-stats" style="width:33%;">
                    <div class="dashboard-stats-item" style="background-color: #6bafbd;">
                        <h2 class="m-top-none" id="tixiansum">0</h2>
                        <h5>提现总额</h5>
                        <div class="stat-icon">
                            <i class="fa fa-truck fa-3x"></i>
                        </div>
                    </div>
                </div>
                <div class="dashboard-stats" style="width:33%;">
                    <div class="dashboard-stats-item" style="background-color: #f3ce85;">
                        <h2 class="m-top-none" id="chuli">0</h2>
                        <h5>已处理</h5>
                        <div class="stat-icon">
                            <i class="fa fa-jpy fa-3x"></i>
                        </div>
                    </div>
                </div>

                <div class="dashboard-stats" style="width:33%;"onwaiting=" ">
                    <div class="dashboard-stats-item" style="background-color: #65cea7; margin-right: 0px;">
                        <h2 class="m-top-none" id="weichuli">0</h2>
                        <h5>待打款</h5>
                        <div class="stat-icon">
                            <i class="fa fa-jpy fa-3x"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
